*{ word-wrap:break-word; outline:none;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-0-box-sizing: border-box;}
html{ width:100%; min-width:1200px;overflow-y: scroll;}
body, input, textarea, select, button{ color:#333; font:12px "Microsoft YaHei",Arial,Helvetica,sans-serif; border:0;}  
body.no-support-wpf { color:#333; font-family: SimSun; border:0}
input, textarea, select, button{ border:0;margin: 0;padding: 0;}
body, ul, ol, li,  dl, dt , dd, p, h1, h2, h3, h4, h5, h6, form, fieldset { margin:auto; padding:0; }
ul , ol , li { list-style-image: none; list-style-type: none; }
h1, h2, h3, h4, h5, h6{/* font-size:12px; */font-weight:normal;}
a{ color:#333;}
a,a:hover{ text-decoration:none}
a img{ border:none; }
input{border:0}
.clear{clear:both;}
table{word-break:break-all;}
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none;/*去掉苹果的默认UI来渲染按钮*/}	
.none{ display:none	;}
.cut{overflow:hidden; white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;}
.cut2{display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.fl{float:left;}
.fr{float:right;}
.Center{ text-align:center;}
.TextLeft{text-align: left;}
.TextRight{text-align: right;}
.w100{ width:100%;min-width: 1200px;}
.CommWidth{width: 1200px;margin: auto;}
.FocusColor{color:#e60012;}
.Hidden{overflow: hidden;}
.BgBaclk{ background-color: #000;}


.VC{text-align: center;vertical-align: middle;display: table-cell;}
.VC img{max-height: 100%;max-width: 100%;}
.NavShow .NavItme h4 + ol li a,.NavShow .NavItme h4 + ol li a:before,#IndexProduct .item p,.More,.More i,.IndexNewsList ul li,.PageMainLeft .ProdustList li a,.PageMainLeft .ProdustList li a p,.DownloadList ul li span b{transition: all .3s;-webkit-transition: all .3s;}
#header{height: 80px;position: relative;float: left;}
#header .Logo{padding: 10px 0;}
#header .IndexPhone{background: url(../images/IconPhone.png) no-repeat left; padding-left:40px;margin-top: 23px;}
#header .IndexPhone h5{font-size: 15px;font-weight: bold;}
#header .IndexPhone p{font-weight: bold;}
#header .nav{margin-right: 20px;height: 80px;}
#header .nav > ul > li{line-height: 80px; float: left;display: block;}
#header .nav > ul > li > a{color: #333;display: block;font-size: 15px;padding:0 25px; transition: all .3s;-webkit-transition: all .3s;font-weight: bold;}
#header .nav > ul > li > a:hover{color:#fff;background:#E60012 center bottom no-repeat;}
#header .nav > ul > li.NavActive a{background:#E60012 url(../images/NavTriangle.png) center bottom no-repeat;color: #fff;}
#header .nav > ul > li.active a,.IndexNewNaV ul li.active{color: #E60012;}
#header .nav > ul > li.active:hover a,#header .nav > ul > li.NavActive a{color: #fff;}
.NavBox{display: none;position: absolute;left: 0;z-index: 110; top: 80px;background-color: #eee;}
.NavShow{padding:30px 0;overflow: hidden;}
.NavShow .NavItme{display:inline-block; zoom:1;padding-right:80px;font-size: 0;vertical-align:top;}
.NavShow .NavItme:last-child{padding-right:0px;}
.NavShow .NavItme h4:hover a{opacity: .5;}
.NavShow .NavItme h4 + ol{margin-top: 10px;}
.NavShow .NavItme h4 a{font-size: 15px;font-weight: bold;}
.NavShow .NavItme h4 + ol li:hover a:before{width: 10px;background-color: #000;}
.NavShow .NavItme h4 + ol li a{line-height: 30px;font-size: 15px;color: #676767;padding-left: 20px;position: relative;}
.NavShow .NavItme h4 + ol li a:before{content: "";display: block;position: absolute;width: 5px;height: 5px;background-color: #E60012;top: 9px;left: 4px;}
/*header*/
#Banner {margin-left: auto; margin-right: auto;position: relative;border-bottom: #E60012 5px solid;}
#Banner .item{ display: block;}
#Banner img { display: block; width: 100%;}
#Banner .owl-controls{position: absolute;bottom: 20px;width: 100%;}
#Banner .owl-controls .owl-page span{height: 15px;width: 15px;border: 3px solid #fff;background-color: transparent;}
#Banner .owl-controls .owl-page.active span{border-color:#E60012}
/*banner*/
.More{display: inline-block;width: 150px;height: 37px;line-height: 37px;background-color: #fff;box-shadow:0 0 10px #f3f3f3;font-size: 14px;position: relative;top:0;}
.More:active{top: 2px;}
.More:hover{background-color: #ddd;color: #fff;}
.More:hover i{background-color: #E60012;}
.More i{display: block;float: right;width: 37px;height: 37px;background:#000 url(../images/IconRight.png) center no-repeat;}
/*MORE*/
#IndexProduct { width:1100px; margin-left: auto; margin-right: auto;margin-top: 50px;margin-bottom: 30px;position: relative;}
#IndexProduct .item,.PageMainLeft .ProdustList li{ display: block; margin: 5px;position: relative;overflow: hidden;border-radius: 10px;-webkit-border-radius: 10px;transition: all .3s;-webkit-transition: all .3s;width:265px;height: 265px;box-shadow: 0 0 15px #f2f2f2;-webkit-box-shadow: 0 0 15px #f2f2f2;background-color: #fff;}
#IndexProduct .item:hover,.PageMainLeft .ProdustList li:hover{box-shadow: 0 0 15px #fcd1d1;-webkit-box-shadow: 0 0 15px #fcd1d1;border: 1px solid #E60012;}
#IndexProduct .item:hover p,.PageMainLeft .ProdustList li:hover a p{background-color: #E60012; color: #fff;border-top-left-radius: 20px;border-top-right-radius: 20px;-webkit-border-top-left-radius: 20px;-webkit-border-top-right-radius: 20px;}
#IndexProduct .item p{position: absolute;bottom:0;width:265px;line-height:45px;text-align: center;background-color: #fff;padding:0 20px;font-size: 15px;}
.PageMainLeft .ProdustList li a p{position: absolute;bottom:0;width:250px;line-height:45px;text-align: center;background-color: #fff;padding:0 20px;font-size: 15px;}
/*#IndexProduct img ,.PageMainLeft .ProdustList li a img{ display: block; width: 100%;}*/
#IndexProduct .owl-prev,#IndexProduct .owl-next{position: absolute;top:110px;background: none;margin: 0;padding: 0;}
#IndexProduct .owl-prev{left:-30px;}
#IndexProduct .owl-next{right:-30px;}
#IndexProduct .owl-controls{margin: 0;}
/*首页产品中心*/
.CommPadding{padding: 50px 0;}
.CommTitle{width: 450px;margin: auto;}
.CommTitle h1{font-size: 24px;text-transform:Uppercase;}
.CommTitle h1 font{color: #E60012;}
.CommTitle span{display: inline-block;width: 50px;height: 3px;background-color: #E60012;margin:10px auto;}
.CommTitle p{font-size: 13px;color: #999;}
.SolutionUl{margin-top: 40px;}
.SolutionUl li{display: inline-block; vertical-align: top;margin:auto 110px;}
.SolutionUl a{font-size: 16px;font-weight: bold;}
.BgIndex{background-color: #f7f7f7;}

.IndexNewNaV{margin-bottom: 34px;}
.IndexNewNaV ul li{display: inline-block;font-size: 18px; cursor: pointer;margin: auto 18px;color: #999;}
.IndexNewsList ul{overflow: hidden;margin-right: -34px;}
.IndexNewsList ul li{display:block;padding: 30px 20px;overflow: hidden;width:580px;float:left;background-color: #f7f7f7;margin-right: 34px;margin-bottom: 34px;}
.IndexNewsList ul li:hover{background-color: #fff;box-shadow: 0 0 15px #f0f0f0;}
.IndexNewsList ul li:hover .NewsImgR h3{color: #E60012;}
.IndexNewsList ul li .NewsImgL{width: 150px;height: 91px;margin-right: 24px;overflow: hidden;}
.IndexNewsList ul li .NewsImgL img{width: 100%;}
.IndexNewsList ul li .NewsImgR{width:364px;}
.IndexNewsList ul li .NewsImgR h3{font-size: 16px;color: #333;margin-bottom: 10px;}
.IndexNewsList ul li .NewsImgR p{color: #afafaf;font-size: 14px;line-height: 24px;}

.FootWant{height: 115px;background: url(../images/IndexFoot.jpg) no-repeat center bottom fixed;color: #fff;vertical-align: middle;padding-top: 25px;}
.FootMain{min-height: 280px;background-color: #1b1b1b;color: #999;}
.FootMain .FootMianItem{width:200px;}
.FootMain .FootMianItem,.FootMain .FootMianItem2{padding-left: 40px;}
.FootMain .FootMianItem h4,.FootMain .FootMianItem2 h4{color: #fff;font-size: 18px;margin-bottom: 24px;}
.FootMain .FootMianItem ol li,.FootMain .FootMianItem ol li a,.FootMain .FootMianItem2 ol li{font-size: 16px;color: #999;line-height:30px;} 
.FootBttom{color: #999;font-size: 15px;padding: 10px 0;}
.FootBttom span{margin:auto 60px;}
/*News*/
.PageTitle{width: 100%;height: 250px;background: url(../images/PageImg.jpg) no-repeat center;color: #fff;}
.PageTitle h1{font-size: 36px; margin-top: 45px;margin-bottom: 25px;}
.PageTitle .PageTitleGo,.BackButton{display: inline-block;color: #fff; line-height: 52px;font-size: 14px;background-color: #E60012;padding:0 50px;border-radius: 100px;-webkit-border-radius:100px;position: relative;z-index: 1;overflow: hidden;}
.PageTitle .PageTitleGo a{font: 14px;color: #fff;font-weight: bold;}
.PageTapHead{border-bottom: 15px solid #eee;}
.PageTapHead h1{padding: 32px 0 10px 0;font-size: 24px;}
.PageTapHead p{line-height: 45px;color:#777;font-size: 14px;}
.PageTapHead .PageTapUl li{display: inline-block;line-height: 50px;margin: auto 50px;font-size: 16px;border-bottom: 3px solid #FFFFFF;}
.PageTapHead .PageTapUl li a{color: #555;font-weight: bold;}
.PageTapHead .PageTapUl li.active{border-bottom-color: #E60012;}
.PageTapHead .PageTapUl li.active a{color: #E60012;}
.NewsList{width: 580px;margin:30px auto;}
.NewsList .IndexNewsList ul li,.NewsList .IndexNewsList ul{margin-right:0;clear: left;margin-bottom: ;}
.PageTitle .PageTitleGo:hover:before,.BackButton:hover:before {-webkit-transform: scale3d(20, 9, 1);transform: scale3d(20, 9, 1);}
.PageTitle .PageTitleGo:before,.BackButton:before{content: '';z-index: -1;position: absolute;top: 50%;left: 100%;margin: -15px 0 0 1px;width:30px;height: 30px;border-radius: 50%;background: #FF6A00;-webkit-transform-origin: 100% 50%;transform-origin: 100% 50%;-webkit-transform: scale3d(1, 2, 1);transform: scale3d(1, 2, 1);-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;-webkit-transition-timing-function: cubic-bezier(0.7,0,0.9,1);transition-timing-function: cubic-bezier(0.7,0,0.9,1);}
.NewShowMain{padding: 25px 0;font-size: 15px;}
.NewShowMain p{margin-bottom: 5px;}
.NewShowMain img{max-width: 100%;margin: 5px;}
.BackButton{font-weight: bold;}
.Newsshowbottom{padding: 40px 0;margin-top: 10px;}
/**/
.ProductTitle{background-color: #eee;line-height:52px;font-size: 16px;}
.ProductTitle a{font-weight: bold;}
.PageMainLeft{width: 860px;padding-left: 52px;}
.PageMainRight{width:340px;padding-left: 52px;}
.PageMainLeft .ProdustList li{float: left;width: 250px; height: 250px;}
.PageMainLeft .ProdustList li a img{}
.PageMainLeft,.PageMainRight{margin: 30px auto;}
.PageMainRightTitle,.ClassifyOl{margin-bottom:30px;}
.PageMainRightTitle span{font-size: 24px;font-weight: bold;}
.PageMainRightTitle span.FocusColor{font-size: 18px;}
.ClassifyOl{margin-top: 10px;}
.FirstH1{font-size: 18px; color: #686868;}
.ClassifyOl li a{line-height: 30px;font-size: 15px;color: #676767;padding-left: 20px;position: relative;}
.ClassifyOl li a:before {content: "";display: block;position: absolute;width: 5px;height: 5px;background-color: #676767;top: 9px;left: 4px;}
.ClassifyOl li:hover a{color: #E60012;}
.ClassifyOl li:hover a:before{background-color: #E60012;}
/*ProductShow*/
.ProductShowTop .ProductShowL{border: 3px solid #eee;width: 250px;height: 250px;overflow: hidden;}
.ProductShowTop .ProductShowR{width: 520px;}
.ProductShowTop .ProductShowR .ProductShowR-1{border: 1px solid #E60012;position: relative;padding:36px 20px 0 20px;margin-top: 28px;}
.ProductShowTop .ProductShowR .ProductShowR-1 ul li{margin-bottom:36px;float: left;font-size: 14px;display: block;width:239px;padding-left: 50px;background-position: left;background-repeat: no-repeat;}
.ProductShowTop .ProductShowR .ProductShowR-1 span{position: absolute;top:-12px ;line-height:24px;height: 24px;background: #E60012;color:#fff;padding: 0 6px;}
.Parameter{background-color: #231815;line-height: 38px;margin: 24px auto;}
.Parameter span{background-color: #E60012;color:#FFFFFF;line-height:38px;display:block;width:135px;font-size: 16px;}
.ProductShowDown{border-bottom:1px solid #e6e6e6;;}
.ProductShowDown table{table-layout: fixed;width: 100%;border-collapse: collapse;border: 1px solid #e6e6e6;border-bottom: 0 none;}
.ProductShowDown table th{width: 118px;padding: 15px 0 0 20px;background: #fafafa;border-right: 1px solid #e6e6e6;text-align: left;font: bold 16px/26px "Microsoft YaHei",arial;}
.ProductShowDown td {width: 605px;padding: 8px 0 6px;}
.ProductShowDown td, .ProductShowDown th {vertical-align: top;}
.param-content {padding: 6px 20px 8px 20px;}
.category-param-list li {position: relative;padding: 2px 0 2px 138px;line-height: 26px;_zoom: 1;word-wrap: break-word;font: 14px/26px 'Microsoft YaHei',arial;color: #666;}
.category-param-list .param-name {position: absolute;left: 0;top: 2px;font-weight: bold;padding-left: 20px;}
/*solutionList*/
.IndexNewsList.solutionList li{margin-right: 0;width: 800px;}
.IndexNewsList.solutionList li div.NewsImgR{width: 585px;position: relative;height: 91px;}
.IndexNewsList.solutionList li div.NewsImgR span{font-size: 14px;color: #afafaf;position: absolute;bottom: 3px;padding-left: 20px;background: url(../images/IconTime.png) no-repeat;background-position-y: 2px;}
/*JOBS*/
.JobsTitle{padding: 18px 0;border-bottom: 1px solid #dedede;}
.JobsTitle span{color:#dcdcdc;margin-left: 10px;}
.JobsUl ul{padding: 24px 0;}
.JobsUl ul li{display: inline-block;font-size: 16px;color: #666;cursor: pointer;padding:10px 25px;position: relative;border-radius: 5px;-webkit-border-radius: 5px;z-index: 1;margin: auto 5px;}
.JobsUl ul li:after{content: "";display: block;width: 0; height: 0;border-color: transparent transparent transparent transparent;border-style: solid;border-width: 10px;position: absolute;bottom: -20px;left: 50%;margin-left: -13px;z-index: -1;}
.JobsUl ul li:hover:after{border-color: #eee transparent transparent transparent;}
.JobsUl ul li.active,.JobsUl ul li.active:hover{background-color: #bf0f0f;color: #fff;}
.JobsUl ul li.active:after,.JobsUl ul li.active:hover:after{border-color: #BF0F0F transparent transparent transparent;}
.JobsUl ul li:hover{background-color: #eee;}
.JobShow{border: 1px solid #eee;background-color:#f9f8f8;padding:24px;border-radius: 10px;-webkit-border-radius: 10px;min-height: 300px;font-size: 15px;display: none;}
.JobShow p{padding: 3px 0;}
/*DownloadList*/
.DownloadList ul li{line-height: 65px;font-size: 16px;position: relative;}
.DownloadList ul li .DownloadButton{background-color:#E60012;color: #fff;position: absolute;line-height: 36px;right: 0;top:14px;padding: 0 20px;border-radius: 100px;-webkit-border-radius: 100px;font-size: 14px;}
.DownloadList ul li .DownloadButton img{margin-left: 5px;}
.DownloadList ul li span{display: block;position: absolute;width:100%;height: 1px;bottom:0;background: #eee;}
.DownloadList ul li span b{display: block;position: absolute;height: 1px;left: 0;width:100px;background-color: #E60012;}
.DownloadList ul li:hover{color: #E60012;font-weight: bold;}
.DownloadList ul li:hover span b{width: 100%;}
/**/
.subNavBox{width:100%;}
.subNav{border-bottom:solid 1px #e5e3da;cursor:pointer;font-size:16px;color:#333;line-height:55px;
;background:url(../images/Icon-D.png) no-repeat;background-position:98% 50%}
.subNav:hover{color:#E60012;}
.currentDd{color:#E60012;border-bottom: none;}
.currentDt{background-image:url(../images/Icon-L.png);}
.navContent{display: none;background-color: #f6f6f6;padding: 12px 25px;border-bottom:solid 1px #e5e3da;position: relative;}
.navContent h3{font-weight: bold;}
.colorB{color: #777777;font-size: 14px;}
/**/
.nav-menu {width: 100%;overflow: hidden;background-color: #F7FBFB;box-shadow: inset 0 -1px 0 #e3e3e3;}
.container {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;z-index: 10;position: relative;}
.nav-menu ul {display: block;margin: 0 auto;padding: 0;}
.nav-menu ul li {width: 25%;}
.nav-menu ul li {float: left;list-style: none;}
.nav-menu ul li:first-child a {border-left: 1px solid #e3e3e3;}
.nav-menu ul .active a {color: #E60012;}
.nav-menu ul .active a {font-weight: bold;background-color: #FFF;border-bottom: 1px solid #FFF;}
.nav-menu ul a {color: #555;width: 100%;font-size: 16px;text-transform: uppercase;padding: 20px 0;float: left;text-align: center;border-right: 1px solid #e3e3e3;/*border-bottom: 1px solid #e3e3e3;*/background-color: #F7FBFB;letter-spacing: .5px;transition: all 0.2s ease-in-out;}
/*Aptitude*/
.Aptitude ul li{width:250px;float: left; margin: auto 25px;}
.Aptitude ul li .AptitudeImg{width: 250px;height: 350px;border: 1px solid #DEDEDE;text-align: center;vertical-align: middle;display:table-cell;}
.Aptitude ul li .AptitudeImg img{max-height: 100%;max-width: 100%;}
.Aptitude ul li p{margin:10px auto 20px auto;font-weight: bold;font-size: 13px;}
/**/
#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
.ContactL{width: 435px;}
.ContactR{height: 490px;width: 750px;overflow: hidden;}
.ContactL .ContactLMian{padding-left: 20px;}
.ContactLMian h2{font-weight: bold;color: #000000;margin-top: 10px;}
.ContactLMian ul{margin-top: 10px;}
.ContactLMian ul li{padding:3px 0;}
.ContactLMian ul li,.ContactLMian ul li a{font-size: 16px;overflow: hidden;}
.ContactLMian ul li b,.ContactLMian ul li span{display: block;float: left;}
.ContactLMian ul li span{max-width: 335px;}
/*page*/
.Page{text-align: center;width: 100%;clear: all;display: block;padding: 5px 0;margin-top: 15px;}
.Page .current{display: inline-block;line-height: 42px;height: 42px;width:42px;color: #fff;background-color: #ccc;text-align: center;margin: auto 3px;font-size: 14px;font-family: monospace;}
.Page a{display: inline-block;line-height: 42px;height: 42px;width:42px;color: #fff;background-color: #E60012;text-align: center;margin: auto 3px;font-size: 14px;font-family: monospace;}
.Page a.active,.Page a.active:active,.Page a.active:hover{background-color: #777777;box-shadow: none;}
.Page a:hover{background-color: #BF0F0F;}
.Page a:active{box-shadow: 0 2px 0 #f60;-webkit-box-shadow: 0 2px 0 #f60;}

.PSLH{width: 250px; height: 250px;}
.IPSH{width: 265px;height: 265px;}
/*.IndexNewsList{display: none;}*/